<!DOCTYPE HTML>

<html lang="pt-br"  
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="/view/PainelAdministrador.xhtml">
<ui:define name="corpo">
<style type="text/css">
.form-signin 
{
	max-width: 800px;
	padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
        	border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
</style>
<div class="container">
	<h:form id="form" class="form-signin">
		<p:growl id="mensagem" showDetail="true" sticky="true" />
		
		<h3>Alterar Usuário</h3>
				
		<p:dataTable var="usuario" 
					value="#{usuarioManagerBean.usuarios}" 
					selectionMode="single" 
					selection="#{usuarioManagerBean.usuarioBean}"
					paginator="true" 
					rows="8" 
					rowKey="#{usuario.id}">
						
						<p:ajax event="rowSelect" update=":form:displayUsuarioEditar" oncomplete="PF('usuarioDetalheAlterar').show()" />  					
	
						<p:column id="colunaIdUsuario" 
								headerText="Id" 
								style="width:10%;">
							<h:outputText value="#{usuario.id}"/>
						</p:column>
						
						<p:column id="colunaLoginUsuario" 
								headerText="Login" 
								style="width:30%;">
							<h:outputText value="#{usuario.login}"/>
						</p:column>
						
						<p:column id="colunaNomeUsuario" 
								headerText="Nome" 
								style="width:30%;">
							<h:outputText value="#{usuario.nome}"/>
						</p:column>
						
						<p:column id="colunaSobrenomeUsuario" 
								headerText="Sobrenome" 
								style="width:30%;">
							<h:outputText value="#{usuario.sobrenome}"/>
						</p:column>
						 
		</p:dataTable>
		
		<p:dialog widgetVar="usuarioDetalheAlterar" 
				resizable="false" 
				width="400" 
				modal="true"
				header="Alterar Usuário" 
				showEffect="explode" 
				hideEffect="explode">
				
			<p:panel id="displayUsuarioEditar">
				<h:panelGrid columns="2">
				
					<h:outputLabel value="Código" 
									for="inputId"/>
					<h:inputText id="inputId" 
								value="#{usuarioManagerBean.usuarioBean.id}" 
								readonly="true"/>
								
					<h:outputLabel value="Login" 
									for="inputLogin"/>
					<h:inputText id="inputLogin" 
								value="#{usuarioManagerBean.usuarioBean.login}" 
								readonly="true"/>
								
					<h:outputLabel value="Senha" 
									for="inputSenha"/>								
					<p:password id="inputSenha" 
							required="true"
							maxlength="50" 
							requiredMessage="Informe Senha."
							validatorMessage="Senha e confirmação de senha devem ser iguais"
							value="#{usuarioManagerBean.usuarioBean.senha}"
							match="inputSenhaConfirmacao"/>
					
					<h:outputLabel value="Conf. Senha" 
									for="inputSenhaConfirmacao"/>								
					<p:password id="inputSenhaConfirmacao" 
							required="true"
							maxlength="50" 
							requiredMessage="Informe Confirmação de Senha."
							value="#{usuarioManagerBean.usuarioBean.senha}"/>
								
					<h:outputLabel value="Nome" 
									for="inputNome"/>								
					<h:inputText value="#{usuarioManagerBean.usuarioBean.nome}"
								id="inputNome"
								required="true"
								maxlength="100" 
								requiredMessage="Informe Nome."/>
								
					<h:outputLabel value="Sobrenome" 
									for="inputSobrenome"/>								
					<h:inputText value="#{usuarioManagerBean.usuarioBean.sobrenome}"
								id="inputSobrenome"
								required="true"
								maxlength="100" 
								requiredMessage="Informe Sobrenome"/>
								
					
								
					<p:commandButton id="btnAlterar" 
									value="Alterar"
									styleClass="ui-priority-primary" 
						 			actionListener="#{usuarioManagerBean.alterar}" 
						 			update="mensagem"/>
				</h:panelGrid>
			</p:panel>
		</p:dialog>
	</h:form>
</div>


</ui:define>
</ui:composition>
</html>